﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>    
    <link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"/>
	<link rel="stylesheet" type="text/css" href="/content/style.css"/>
    <script type="text/javascript" src="/easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        function createFrame(url) {
            var s = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:93%;"></iframe>';
            return s;
        }
        $(function () {
            $(".menu ul li a").click(function () {
                var title = $(this).text();
                if ($('#tt').tabs('exists', $(this).text())) {
                    $('#tt').tabs('select', $(this).text());

                } else {
                    $('#tt').tabs('add', {
                        title: $(this).text(),
                        closable: true,
                        close: true,
                        tools: [{
                            iconCls: 'icon-mini-refresh',
                            handler: function () {
                                //alert('refresh');
                            }
                        }],
                        onSelect: function () {
                            var tab = $("#tt").tabs("getSelected");
                            //tab.panel('refresh');
                            
                        },
                        content: createFrame($(this).attr("href"))

                    });
                }
                return false;
            });

        });
    </script>
</head>
<body class="easyui-layout" style="overflow-y: hidden"  scroll="no">
    <div region="north" split="true" border="false">
        <span style="float:right; padding-right:20px;" class="head"><a href="#" id="editpass">修改密码</a> <a href="#" id="loginOut">安全退出</a></span>
    </div>       
     
    <div data-options="region:'west',title:'导航菜单',split:true" style="width:200px;">

        <div id="aa" class="easyui-accordion" style="width:190px;height:200px;">
            <div title="层管理" data-options="iconCls:'icon-edit',selected:true" style="overflow:auto;padding:10px;">  
               <div class="menu">
                    <ul>
                        <li><a href="/admin/level/index/1">二层管理</a></li>
                        <li><a href="/admin/level/index/2">三层管理</a></li>
                    </ul>
               </div>
            </div>  
            <div title="车辆管理" data-options="iconCls:'icon-edit'" style="padding:10px;">  
                <div class="menu">
                    <ul>
                        <li><a href="/admin/car/index/1">管理车辆</a></li>
                        <li><a href="/admin/car/index/2">管理挖机</a></li>
                    </ul>
               </div>
            </div>  
            <div title="信息管理" data-options="iconCls:'icon-edit'" style="padding:10px;">  
                <div class="menu">
                    <ul>
                        <li><a href="/admin/Item/index/1">车辆信息</a></li>
                        <li><a href="/admin/Item/index/2">挖机信息</a></li>
                    </ul>
               </div>
            </div>  
        </div>
    </div>  
    <div data-options="region:'center'" border="false" style="padding:5px;background:#eee; width:100%; height:80%;">
        <div id="tt" class="easyui-tabs">  
            <div title="主要信息" style="padding:20px;">  
                主要信息  
            </div>  
    
        </div>
    </div>
    <div region="south" split="false" style=" height:50px;">
        <div class="footer">By 网络蚂蚁(QQ:6634047) jQuery.Easy-UI QQ讨论群： 112044258、32994605、36534121、56271061</div>
    </div>  
 
</body> 
</html>
